<?php

/**
 * Qlist template
 * designed to display a list of items
 * like list of divs, each one is a question,
 * for example 'all questions' or by tag or 'hot questions'
 * it has 3 parts;
 * title, body and pagination block
 * 
 * The reason that pagination is included
 * in this template is because we can send this parsed
 * 
 * template as ajax response, and it will be complete
 * with pagination.
 *
 */
class tplRcats extends StudyBuddy\Template\Template {

    protected static $vars = array(
        'cat1' => '', // 1
        'cat2' => '', // 2
        'cat3' => '', // 3
        'cat4' => '', // 4
        'cat5' => '', // 5
        'cat6' => '', // 6
        'link_upload' => '' // 7
    );
//    <div id="qpages">%3$s</div>
    protected static $tpl = '
        <!-- start listQuestions -->
        <div class="ctl-ct">
            <div class="ctl-box">
                <div>
                    <div>
                        <div style="background-color: #FF8E33;border: 1px solid white;color: white;font-size: 14pt;font-weight: bold;height: 30px;margin-top: 10px;padding-left: 10px;padding-top: 10px;text-align: left;width: 250px;">
                            Resources
                        </div>
                        <div style="margin-top: 30px;">
							<a href="/resources/cat1" title="%1$s" style="text-decoration: none;">
								<span style="border: 1px solid;border-radius: 10px 10px 10px 10px;float: left;height: 90px;margin-left: 20px;padding-top: 50px;text-align: center;width: 165px; background-color: #000; color: #fff; font-size: 16pt;">
									%1$s
								</span>
							</a>
							<a href="/resources/cat2" title="%2$s" style="text-decoration: none;">
								<span style="border: 1px solid;border-radius: 10px 10px 10px 10px;float: left;height: 90px;margin-left: 20px;padding-top: 50px;text-align: center;width: 165px; background-color: #D98730; color: #fff; font-size: 16pt;">
									%2$s
								</span>
							</a>
							<a href="/resources/cat3" title="%3$s" style="text-decoration: none;">
								<span style="border: 1px solid;border-radius: 10px 10px 10px 10px;float: left;height: 90px;margin-left: 20px;padding-top: 50px;text-align: center;width: 165px; background-color:#3399AF; color: #fff; font-size: 16pt;">
									%3$s
								</span>
							</a>
                        </div>
                        <div style="margin-top: 200px;">
                            <a href="/resources/cat4" title="%4$s" style="text-decoration: none;">
								<span style="border: 1px solid;border-radius: 10px 10px 10px 10px;float: left;height: 90px;margin-left: 20px;padding-top: 50px;text-align: center;width: 165px; background-color:#7B619E; color: #fff; font-size: 16pt;">
									%4$s
								</span>
							</a>
							<a href="/resources/cat5" title="%5$s" style="text-decoration: none;">
								<span style="border: 1px solid;border-radius: 10px 10px 10px 10px;float: left;height: 90px;margin-left: 20px;padding-top: 50px;text-align: center;width: 165px; background-color:#A4C35B; color: #fff; font-size: 16pt;">
									%5$s
								</span>
							</a>
							<a href="/resources/cat6" title="%6$s" style="text-decoration: none;">
								<span style="border: 1px solid;border-radius: 10px 10px 10px 10px;float: left;height: 90px;margin-left: 20px;padding-top: 50px;text-align: center;width: 165px; background-color:#CE544A; color: #fff; font-size: 16pt;">
									%6$s
								</span>
							</a>
                        </div>
						<div style="font-weight:bold; text-align: center; margin-top:380px;">
							%7$s
						</div>
                    </div>
                </div>
            </div>
        </div>';

}
